<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>查看产品</title>
</head>
<link rel="stylesheet" href="bootstrap-3.3.7-dist/css/bootstrap.min.css" />		
		<script type="text/javascript" src="bootstrap-3.3.7-dist/js/bootstrap.min.js" ></script>
		<link rel="stylesheet" href="css/production.css" />
	<body>
		<table style="width: 30%;  text-align: center; font-family: '微软雅黑'; margin-left: auto;margin-right: auto; margin-top: 100px;">
			<tr>
                <th class="td1" >姓名</th>
                <th class="td2" >${loginStu.stuname }</th>                            
              </tr>
			<tr>
                <th class="td1" >作品名称</th>
                <th class="td2" >
                <input  class="readyonly" type="text"  name="production.prdname" id="production.prdname"   value="${production.prdname }"/></th>                              
              </tr>
              <tr>
                <th class="td1" >完成时间</th>
                <th class="td2" >
                         <input  class="readyonly" type="text"  name="production.time" id="production.time"   value="${production.time }"/>
                </th> 
              </tr>
              
              <tr>
                <th class="td4" >图片展示</th>
                <th class="td2" ><img width=380px;height=250px;  src="/upload/${production.photoname }"/>
                
                </th> 
              </tr>
		</table>
		<div id="floort">
			<a href="personinfo.action">《返回上一页面</a>
		</div>
					<script type="text/javascript">
$(document).ready(
function () {
//判断显示器的分辨率
var winWidth = document.documentElement.clientWidth;
var winHeight = document.documentElement.clientheight;
//var main = document.getElementById("main");
var main1 = $("#main");
var topic = $("#topic");
var content = $("#content");
var footer = $("#footer");
//alert(main.style.width);
//alert(main1.width());
//main.style.width = (winWidth - 1024)/2 +760 +"px";
main1.css("width", (winWidth - 1024)/2 +760 +"px");
topic.css("width", (winWidth - 1024)/2 +760-22 +"px");
content.css("width", (winWidth - 1024)/2 +760 +"px");
footer.css("width", (winWidth - 1024)/2 +760 +"px");
}
);
</script>
	</body>
</html>